<template>
    <div>
        <Poptip
            confirm
            title="确定要暂停吗！"
            transfer=true
            @on-ok="ok"
            @on-cancel="cancel"
            ok-text="确定"
            cancel-text="取消"
        >
            <Button type="primary" size="small">暂停</Button>
        </Poptip>
        <Poptip
                confirm
                title="确定要删除吗！"
                transfer=true
                @on-ok="ok"
                @on-cancel="cancel"
                ok-text="确定"
                cancel-text="取消">
            <Button type="error" size="small">删除</Button>
        </Poptip>
    </div>
</template>
<script>
    import { Poptip } from 'view-design';

    export default {
        components: {
            Poptip
        },
        methods: {
            ok () {
                this.$Message.info('You click ok');
            },
            cancel () {
                this.$Message.info('You click cancel');
            }
        }
    }
</script>
